<template>
  <!--供应商管理增加 -->
  <el-row>
    <el-col :span="22" :offset="1">

      <!--卡片shart-->
      <el-card class="box-card" style="padding: 0 15px;">

        <el-form :inline="true" :label-position="labelPosition" label-width="80px" :model="formLabelAlign">

          <br/><br/>
          <div style="width: 100%;float: right;padding-bottom: 60px"><font style="color: black" class="float" size="3"><b>新增供应商</b></font></div>
          <!--<el-button type="primary">主要按钮</el-button>-->
          <br/><br/>
          <div>
            <div style="float: left;">
              <div style="padding-right: 130px">
                <font size="3">供应商编</font>
              </div>
              <el-input placeholder="请输入内容"  :disabled="true" v-model="input"  class="" style="left: 0px"></el-input>
            </div>


            <div style="float: left;padding-left: 50px ">
              <div style="padding-right: 130px">
                <font size="3">供应商名称</font>
              </div>

              <el-input placeholder="请输入内容" v-model="input"  class="width2" style="left: 0px"></el-input>
            </div>
          </div>

          <div style="float: left ;padding-top: 20px">
            <font size="3">供应商状态：</font>
          </div>

          <div style="float: right;">
            <el-radio v-model="radio" label="1" style="padding-top: 20px">备选项</el-radio>
            <el-radio v-model="radio" label="2">备选项</el-radio>
          </div>

          <div style="padding-top: 120px" >
            <div style="float:left">
              <div style="padding-right: 130px">
                <font size="3">联系人:</font>
              </div>

              <el-input placeholder="请输入内容" v-model="input"  class="width1" style="left: 0px"></el-input>
            </div>
            <div style="float: left;padding-left: 50px ">
              <div style="padding-right: 130px" size="2">
                <font size="3">联系电话:</font>
              </div>

              <el-input placeholder="请输入内容" v-model="input"  class="width2" style="left: 0px"></el-input>
            </div>
          </div>

          <br/><br/><br/><br/>



          <el-form-item label="备注" class="width3" >
            <el-input v-model="formLabelAlign.name" style="width: 600px"></el-input>
          </el-form-item>

        </el-form>

      </el-card>
      <!--卡片end-->

    </el-col>
  </el-row>
</template>

<script>
  export default {
    data() {
      return {
        labelPosition: 'left',
        formLabelAlign: {
          name: '',
          region: '',
          type: ''
        },
        input: '',
        radio: '1'
      }
    },
  }
</script>

<style scoped>
  .ziti1{

  }
  .width1{
    position:relative;
    right: 30px;
    width: 200px;
  }
  .width2{
    position:relative;
    right: 30px;
    width: 220px;
  }
  .float{
    float: left;
  }
  .width3{
    width:40%;
    text-align: left;
    float:left;
  }
</style>
